<template>
    <div>
        <mt-field label="用户名" placeholder="用户名" v-model="username"></mt-field>
        <mt-field label="邮箱" placeholder="邮箱" type="email" v-model="email"></mt-field>
        <mt-field label="密码" placeholder="密码" type="password" v-model="password"></mt-field>
        <mt-field label="手机号" placeholder="手机号" type="tel" v-model="phone"></mt-field>
        <mt-field label="网站" placeholder="网站" type="url" v-model="website"></mt-field>
        <mt-field label="年龄" placeholder="年龄" type="number" v-model="number"></mt-field>
        <mt-field label="生日" placeholder="生日" type="date" v-model="birthday"></mt-field>
        <mt-field label="自我介绍" placeholder="自我介绍" type="textarea" rows="4" v-model="introduction"></mt-field>
        <mt-button size="large" type="primary" class="change" @click="change">修改</mt-button>
    </div>
</template>

<script>
export default {
    data() {
        return {
            username: '',
            email: '',
            password: '',
            phone: '',
            website: '',
            number: '',
            birthday: '',
            introduction: ''
        }
    },
    methods: {
        change() {
            
        }
    }
}
</script>

<style scoped>
    /* .container {
        margin-top: 20px;
    } */
    .change {
        margin-bottom: 20px;
    }
</style>

<style>
    .mint-field-core {
        border: 1px solid rgba(0,0,0,.2);
    }
</style>
